html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}

.loginForm{
    /*设置圆角的半径是10px 像素*/
    border-radius: 10px;
  
    /*相对定位*/
    position: relative;
    left:50%;
    top:50%;
    /* html5 css3用来2d  3d转换的属性  translateX  translateY  x y轴的位移  50%指的是loginForm自己本身的50%*/
    transform: translateX(-50%) translateY(-50%);
    padding:10px 0px;
    /*执行动画 loginShake动画框架名称  2s 动画执行时间2s linear 匀速运动运动时间曲线  ease-in ease-out ease */
    animation:loginShake .5s ease-out;
}
.loginForm .img-thumbnail{
    max-height:34px;
}
.loginForm .control-label{
    text-align: right;
}
/*定义动画框架*/
@keyframes loginShake{
   /*
    from{}to{} 从一个状态变化到另外一个状态
    from{
        top:0%;
    }
    to{
        top:50%;
    }*/
    0%{ top:0%;}
    20%{top:50%;}
    40%{top:40%;}
    60%{top:50%;}
    80%{top:30%;}
    100%{top:50%;}
}
.form-horizontal .has-feedback .form-control-feedback{
    left:15px;
}
.loginForm .form-group .form-control{
    padding-left:28px;
}

/* 登录用的 CSS */
.login_register {

    color: #fff;
    position: relative;
    left: 40px;
    top: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

.login_register:hover {
    text-decoration: none;
    color:#fff;
    border:none;
}